<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>知行</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <!--<meta name="apple-touch-fullscreen" content="YES">-->
    <!--<meta name="apple-mobile-web-app-status-bar-style" content="black">-->
    <link rel="stylesheet" href="resource/css/vj-weui.css"/>
    <link rel="stylesheet" href="resource/css/style.css"/>
    <link rel="stylesheet" href="resource/css/journey.css"/>
    <link rel="stylesheet" href="resource/css/iconfont.css"/>
    <link rel="stylesheet" href="resource/css/iconfont-mioji.css"/>
</head>
<body ontouchstart>
<!--首页内容-->
<div class="weui-journey " style="max-width: 680px;min-width: 300px">
    <!--详细内容-->
    <div class="weui-journey__content">
        <!--简要图片-->
        <div class="weui-journey__header" id="top">
            <img src="https://mioji-mobilepic.cdn.mioji.com/10001_1.jpg">
            <p>知行·为您定制</p>
        </div>
        <!--基础文字信息-->
        <div class="weui-journey__info">
            <h3>法意11日8晚游</h3>
            <p class="weui-journey__info__tp">
                <span>1月24日-2月3日</span>
                <span>11天</span>
                <span>2人</span>
            </p>
            <p class="weui-journey__info__price">
                <span>参考价格：<em>$134</em></span>
            </p>
        </div>
        <!--行程详细-->
        <div class="weui-journey__survey" id="trip-detail">
            <!--行程概要-->
            <div class="weui-journey__overview" id="journey-overview">
                <h3>行程概览</h3>
                <img src="https://mioji-private.cdn.mioji.com/map/njlepnjh5a1fe4437676enj38621qdf2.png" alt="">
                <div class="weui-journey__overview__wrap">
                    <div class="weui-journey__overview__item">
                        <div class="weui-journey__overview__item__city">
                            <span class="weui-journey__overview__item__w">A.</span>
                            <span class="weui-journey__overview__item__c">巴黎</span>
                        </div>
                        <p>D2-4</p>
                    </div>
                    <div class="weui-journey__overview__item">
                        <div class="weui-journey__overview__item__city">
                            <span class="weui-journey__overview__item__w">B.</span>
                            <span class="weui-journey__overview__item__c">里昂</span>
                        </div>
                        <p>D4-5</p>
                    </div>
                    <div class="weui-journey__overview__item">
                        <div class="weui-journey__overview__item__city">
                            <span class="weui-journey__overview__item__w">C.</span>
                            <span class="weui-journey__overview__item__c">尼斯</span>
                        </div>
                        <p>D5-7</p>
                    </div>
                    <div class="weui-journey__overview__item">
                        <div class="weui-journey__overview__item__city">
                            <span class="weui-journey__overview__item__w">D.</span>
                            <span class="weui-journey__overview__item__c">威尼斯</span>
                        </div>
                        <p>D7-9</p>
                    </div>
                    <div class="weui-journey__overview__item">
                        <div class="weui-journey__overview__item__city">
                            <span class="weui-journey__overview__item__w">E.</span>
                            <span class="weui-journey__overview__item__c">米兰</span>
                        </div>
                        <p>D9-10</p>
                    </div>
                </div>
            </div>
            <!--行程详细-->
            <div class="weui-journey__detail">
                <h3>行程详细</h3>
                <div class="weui-journey__detail__route" id="detail-route">
                    <!--模板1-->
                    <div class="weui-journey__detail__item" id="day0">
                        <div class="weui-journey__detail__summary">
                            <div class="weui-journey__detail__summary__day">D1</div>
                            <div class="weui-journey__detail__summary__cd">
                                <p class="weui-journey__detail__summary__c">深圳-巴黎</p>
                                <p class="weui-journey__detail__summary__d">
                                    <span>2018.1.24</span>
                                    <span>周三</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-journey__detail__city">
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__traffic">
                                    <div class="weui-journey__detail__traffic__logo">
                                        <i class="iconfont icon-icon_plane"
                                           style="color: rgb(128, 128, 128); font-size: 20px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__traffic__info">
                                        <p class="weui-journey__detail__traffic__info_title">深圳乘坐飞机前往巴黎</p>
                                        <div class="weui-journey__detail__traffic__reference">
                                            <p class="weui-journey__detail__traffic__reference__text">参考：</p>
                                            <div class="weui-journey__detail__traffic__reference__info">
                                                <p>中国国际航空 </p>
                                                <p style="padding-right: 0px;">CA4384</p>
                                                <p>等</p>
                                                <p>17h 25m</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--模板2-->
                    <div class="weui-journey__detail__item" id="day1">
                        <div class="weui-journey__detail__summary">
                            <div class="weui-journey__detail__summary__day">D2</div>
                            <div class="weui-journey__detail__summary__cd">
                                <p class="weui-journey__detail__summary__c">巴黎</p>
                                <p class="weui-journey__detail__summary__d">
                                    <span>2018.1.25</span>
                                    <span>周四</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-journey__detail__city">
                            <div class="weui-journey__detail__line">
                                <div class="weui-journey__detail__view">
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div>
                                                    <div class="weui-journey__detail__view__info__name">
                                                        协和广场
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__lname">
                                                        Place de la Concorde
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__dur">
                                                        <span class="view-type">游玩</span>
                                                        <span class="view-dur">30min</span>
                                                    </div>
                                                </div>
                                                <div class="weui-journey__detail__view__info__arrow">
                                                    <i class="iconfont icon-pright"
                                                       style="color: rgb(194, 194, 194); font-size: 12px;"></i>
                                                </div>
                                            </div>
                                            <div class="weui-journey__detail__view__img-wrap">
                                                <img src="https://mioji-attr.cdn.mioji.com/v202290_9.jpg" alt="">
                                            </div>
                                            <p class="weui-journey__detail__view__intro">
                                                法国巴黎的协和广场（place de la concorde）是巴黎市中心、塞纳河右岸的一个大
                                                广场，面积约8.4万平方米。协和广场的中心矗立着巨大的埃及方尖碑，是埃及总督在
                                                1829年送给法国的。广场四周则是八座女神雕塑，每位女神代表着一个法国的主要城市。
                                            </p>
                                        </div>
                                    </div>
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div class="weui-journey__detail__view__info__text">
                                                    <div class="weui-journey__detail__view__info__name">
                                                        巴黎新桥
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__lname">
                                                        Pont Neuf
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__dur">
                                                        <span class="view-type">游玩</span>
                                                        <span class="view-dur">30min</span>
                                                    </div>
                                                </div>
                                                <div class="weui-journey__detail__view__info__arrow">
                                                    <i class="iconfont icon-pright"
                                                       style="color: rgb(194, 194, 194); font-size: 12px;"></i>
                                                </div>
                                            </div>
                                            <div class="weui-journey__detail__view__img-wrap">
                                                <img src="https://mioji-attr.cdn.mioji.com/v201855_5.jpg" alt="">
                                            </div>
                                            <p class="weui-journey__detail__view__intro">
                                                新桥(Pont Neuf)位于西堤岛的西边，连结 巴黎的左岸与右岸，是法国巴黎塞纳河上最
                                                古老的桥。那是亨利四世迁都回巴黎开启波旁王朝建成的第一座桥，如今桥中心立有亨利
                                                四世的雕像。 法国国王亨利三世在1577年决定建造这座桥梁，并在1578年动工，并完成
                                                4支桥墩。桥梁设计在1579年出现大改变，因为当时想要拓宽桥面，让房屋可以建造在桥
                                                上。这个设计也导致桥墩必须继续延伸。这些桥墩后来花费9年才完成。工程在1588年再
                                                次展开，但又因为法国宗教战争爆发，所以工程又延迟到1599年。新桥直到1607年才完
                                                工，当时由亨利四世正式揭幕。亨利四世决定不在桥上建设房屋，以免影响卢浮宫的景色
                                                。诸多文人雅士及《新桥恋人》又给它增加了很多文艺气息。从亨利四世雕像走下西岱
                                                岛，往西走是休闲野餐的好去处。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__traffic">
                                    <div class="weui-journey__detail__traffic__logo">
                                        <i class="iconfont icon-icon_plane"
                                           style="color: rgb(128, 128, 128); font-size: 20px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__traffic__info">
                                        <p class="weui-journey__detail__traffic__info_title">深圳乘坐飞机前往巴黎</p>
                                        <div class="weui-journey__detail__traffic__reference">
                                            <p class="weui-journey__detail__traffic__reference__text">参考：</p>
                                            <div class="weui-journey__detail__traffic__reference__info">
                                                <p>中国国际航空 </p>
                                                <p style="padding-right: 0px;">CA4384</p>
                                                <p>等</p>
                                                <p>17h 25m</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="weui-journey__detail__line">
                                <div class="weui-journey__detail__view">
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div>
                                                    <div class="weui-journey__detail__view__info__name">
                                                        协和广场
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__lname">
                                                        Place de la Concorde
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__dur">
                                                        <span class="view-type">游玩</span>
                                                        <span class="view-dur">30min</span>
                                                    </div>
                                                </div>
                                                <div class="weui-journey__detail__view__info__arrow">
                                                    <i class="iconfont icon-pright"
                                                       style="color: rgb(194, 194, 194); font-size: 12px;"></i>
                                                </div>
                                            </div>
                                            <div class="weui-journey__detail__view__img-wrap">
                                                <img src="https://mioji-attr.cdn.mioji.com/v202290_9.jpg" alt="">
                                            </div>
                                            <p class="weui-journey__detail__view__intro">
                                                法国巴黎的协和广场（place de la concorde）是巴黎市中心、塞纳河右岸的一个大
                                                广场，面积约8.4万平方米。协和广场的中心矗立着巨大的埃及方尖碑，是埃及总督在
                                                1829年送给法国的。广场四周则是八座女神雕塑，每位女神代表着一个法国的主要城市。
                                            </p>
                                        </div>
                                    </div>
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div class="weui-journey__detail__view__info__text">
                                                    <div class="weui-journey__detail__view__info__name">
                                                        巴黎新桥
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__lname">
                                                        Pont Neuf
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__dur">
                                                        <span class="view-type">游玩</span>
                                                        <span class="view-dur">30min</span>
                                                    </div>
                                                </div>
                                                <div class="weui-journey__detail__view__info__arrow">
                                                    <i class="iconfont icon-pright"
                                                       style="color: rgb(194, 194, 194); font-size: 12px;"></i>
                                                </div>
                                            </div>
                                            <div class="weui-journey__detail__view__img-wrap">
                                                <img src="https://mioji-attr.cdn.mioji.com/v201855_5.jpg" alt="">
                                            </div>
                                            <p class="weui-journey__detail__view__intro">
                                                新桥(Pont Neuf)位于西堤岛的西边，连结 巴黎的左岸与右岸，是法国巴黎塞纳河上最
                                                古老的桥。那是亨利四世迁都回巴黎开启波旁王朝建成的第一座桥，如今桥中心立有亨利
                                                四世的雕像。 法国国王亨利三世在1577年决定建造这座桥梁，并在1578年动工，并完成
                                                4支桥墩。桥梁设计在1579年出现大改变，因为当时想要拓宽桥面，让房屋可以建造在桥
                                                上。这个设计也导致桥墩必须继续延伸。这些桥墩后来花费9年才完成。工程在1588年再
                                                次展开，但又因为法国宗教战争爆发，所以工程又延迟到1599年。新桥直到1607年才完
                                                工，当时由亨利四世正式揭幕。亨利四世决定不在桥上建设房屋，以免影响卢浮宫的景色
                                                。诸多文人雅士及《新桥恋人》又给它增加了很多文艺气息。从亨利四世雕像走下西岱
                                                岛，往西走是休闲野餐的好去处。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="weui-journey__detail__hotel">
                                    <div class="weui-journey__detail__hotel__logo">
                                        <i class="iconfont icon-icon_hotel"
                                           style="color: rgb(128, 128, 128); font-size: 19px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__hotel__info">
                                        <p class="weui-journey__detail__hotel__info__name">入住巴黎的酒店</p>
                                        <p class="weui-journey__detail__hotel__info__reference">参考：巴黎3星郊外</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--模板3-->
                    <div class="weui-journey__detail__item" id="day2">
                        <div class="weui-journey__detail__summary">
                            <div class="weui-journey__detail__summary__day">D3</div>
                            <div class="weui-journey__detail__summary__cd">
                                <p class="weui-journey__detail__summary__c">巴黎-里昂</p>
                                <p class="weui-journey__detail__summary__d">
                                    <span>2018.1.27</span>
                                    <span>周六</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-journey__detail__city">
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__traffic">
                                    <div class="weui-journey__detail__traffic__logo">
                                        <i class="iconfont icon-icon_baoche"
                                           style="color: rgb(128, 128, 128); font-size: 20px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__traffic__info">
                                        <p class="weui-journey__detail__traffic__info_title">巴黎驾车前往里昂</p>
                                        <div class="weui-journey__detail__traffic__reference">
                                            <p class="weui-journey__detail__traffic__reference__text">参考：</p>
                                            <div class="weui-journey__detail__traffic__reference__info">
                                                <p> 驾车</p>
                                                <p>4h 34m</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="weui-journey__detail__line">
                                <div class="weui-journey__detail__view">
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div class="weui-journey__detail__view__info__text">
                                                    <div class="weui-journey__detail__view__info__name">富维耶山</div>
                                                    <div class="weui-journey__detail__view__info__lname">Fourvière
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__dur">
                                                        <span class="view-type">游玩</span>
                                                        <span class="view-dur">3h30m</span>
                                                    </div>
                                                </div>
                                                <div class="weui-journey__detail__view__info__arrow">
                                                    <i class="iconfont icon-pright"
                                                       style="color: rgb(194, 194, 194); font-size: 12px;"></i>
                                                </div>
                                            </div>
                                            <div class="weui-journey__detail__view__img-wrap">
                                                <img src="https://mioji-attr.cdn.mioji.com/b7491bd806deb50cfc5093bcfba22702.jpg"
                                                     alt="">
                                            </div>
                                            <p class="weui-journey__detail__view__intro">
                                                富维耶山是 里昂
                                                的摇篮，也是里昂基督教的发源地，所以又被称为祈祷山，里昂的光明节也和这座山息息相关。这里有建于19世纪的巴洛克风格的圣母教堂，还有古罗马时期的竞技场和罗马高卢博物
                                                馆。站在山上全城景色尽收眼底，最高的那个建筑被当地人称为铅笔楼。对面的山是Croix-Rousse区，昔日纺织工人们聚集的山坡，
                                                也被称为纺织山。从这里还可以看到汇集在两条河流中间的半岛、区，当然晚上也是个赏夜景的好地方。
                                            </p>
                                        </div>
                                    </div>
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div class="weui-journey__detail__view__info__text">
                                                    <div class="weui-journey__detail__view__info__name">里昂旧城</div>
                                                    <div class="weui-journey__detail__view__info__lname">
                                                        Vieux Lyon
                                                    </div>
                                                    <div class="weui-journey__detail__view__info__dur">
                                                        <span class="view-type">游玩</span>
                                                        <span class="view-dur">1h</span>
                                                    </div>
                                                </div>
                                                <div class="weui-journey__detail__view__info__arrow">
                                                    <i class="iconfont icon-pright"
                                                       style="color: rgb(194, 194, 194); font-size: 12px;"></i>
                                                </div>
                                            </div>
                                            <div class="weui-journey__detail__view__img-wrap">
                                                <img src="https://mioji-attr.cdn.mioji.com/v202212_3.jpg" alt="">
                                            </div>
                                            <p class="weui-journey__detail__view__intro">
                                                索恩河La
                                                Saone的西岸是老城区的范围，这里保留了15-17世纪的面貌。沿着石板道路散步，顺便可以体验一下古老的街景。老城区的中心是12世纪修建的圣让首席大教堂。从教堂开始一直到北侧的圣保罗教堂是一条值得推荐的散步线路。
                                            </p>
                                        </div>
                                    </div>
                                </div>
                                <div class="weui-journey__detail__hotel">
                                    <div class="weui-journey__detail__hotel__logo">
                                        <i class="iconfont icon-icon_hotel"
                                           style="color: rgb(128, 128, 128); font-size: 19px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__hotel__info">
                                        <p class="weui-journey__detail__hotel__info__name">入住里昂的酒店</p>
                                        <p class="weui-journey__detail__hotel__info__reference">参考：里昂中心舒适套房左岸酒店</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--模板4-->
                    <div class="weui-journey__detail__item" id="day3">
                        <div class="weui-journey__detail__summary">
                            <div class="weui-journey__detail__summary__day">D4</div>
                            <div class="weui-journey__detail__summary__cd">
                                <p class="weui-journey__detail__summary__c">尼斯-威尼斯</p>
                                <p class="weui-journey__detail__summary__d">
                                    <span>2018.1.30</span>
                                    <span>周二</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-journey__detail__city">
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__traffic">
                                    <div class="weui-journey__detail__traffic__logo">
                                        <i class="iconfont icon-icon_plane  "
                                           style="color: rgb(128, 128, 128); font-size: 20px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__traffic__info">
                                        <p class="weui-journey__detail__traffic__info_title">尼斯乘坐飞机前往威尼斯</p>
                                        <div class="weui-journey__detail__traffic__reference">
                                            <p class="weui-journey__detail__traffic__reference__text">参考：</p>
                                            <div class="weui-journey__detail__traffic__reference__info">
                                                <p>法国航空 </p>
                                                <p style="padding-right: 0px;">AF7027</p>
                                                <p>等</p>
                                                <p>3h 10m</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__hotel">
                                    <div class="weui-journey__detail__hotel__logo">
                                        <i class="iconfont icon-icon_hotel"
                                           style="color: rgb(128, 128, 128); font-size: 19px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__hotel__info">
                                        <p class="weui-journey__detail__hotel__info__name">入住威尼斯的酒店</p>
                                        <p class="weui-journey__detail__hotel__info__reference">参考：常规四星</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--模板5-->
                    <div class="weui-journey__detail__item" id="day4">
                        <div class="weui-journey__detail__summary">
                            <div class="weui-journey__detail__summary__day">D5</div>
                            <div class="weui-journey__detail__summary__cd"><p
                                    class="weui-journey__detail__summary__c">米兰-深圳</p>
                                <p class="weui-journey__detail__summary__d">
                                    <span>2018.2.2</span>
                                    <span>周五</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-journey__detail__city">
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__traffic">
                                    <div class="weui-journey__detail__traffic__logo">
                                        <i class="iconfont icon-icon_plane  "
                                           style="color: rgb(128, 128, 128); font-size: 20px;"></i>
                                    </div>
                                    <div class="weui-journey__detail__traffic__info">
                                        <p class="weui-journey__detail__traffic__info_title">米兰乘坐飞机前往深圳</p>
                                        <div class="weui-journey__detail__traffic__reference">
                                            <p class="weui-journey__detail__traffic__reference__text">参考：</p>
                                            <div class="weui-journey__detail__traffic__reference__info">
                                                <p>中国国际航空 </p>
                                                <p style="padding-right: 0px;">CA950</p>
                                                <p>等</p>
                                                <p>16h 5m</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--模板6-->
                    <div class="weui-journey__detail__item" id="day5">
                        <div class="weui-journey__detail__summary">
                            <div class="weui-journey__detail__summary__day">D6</div>
                            <div class="weui-journey__detail__summary__cd"><p
                                    class="weui-journey__detail__summary__c">深圳</p>
                                <p class="weui-journey__detail__summary__d">
                                    <span>2018.2.3</span>
                                    <span>周六</span>
                                </p>
                            </div>
                        </div>
                        <div class="weui-journey__detail__city">
                            <div class="weui-journey__detail__line no-line">
                                <div class="weui-journey__detail__view">
                                    <div class="weui-journey__detail__view__item">
                                        <div class="weui-journey__detail__view__inner special-view-inner">
                                            <div class="weui-journey__detail__view__info">
                                                <div class="weui-journey__detail__view__info__name">旅途结束</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--公司logo-->
        <div class="company">
            <img src="https://mioji-blogo.cdn.mioji.com/mioji.png" alt="">
        </div>
    </div>

    <!--菜单-->
    <div class="weui-journey__menu menu-close" id="journey-menu">
        <div class="weui-journey__menu__content">
            <h3 class="weui-journey__menu__title">法意11日8晚游</h3>
            <div class="weui-journey__menu__container">
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="top">回到顶部</div>
                </div>
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="journey-overview">行程概览</div>
                </div>
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="day0">
                        <span class="day">D1</span>
                        <p class="city-wrap">
                            <span class="city over-hide">深圳 -</span>
                            <span class="city over-hide">巴黎</span>
                        </p>
                    </div>
                </div>
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="day1">
                        <span class="day">D2</span>
                        <p class="city-wrap">
                            <span class="city over-hide">巴黎</span>
                        </p>
                    </div>
                </div>
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="day2">
                        <span class="day">D3</span>
                        <p class="city-wrap">
                            <span class="city over-hide">巴黎 -</span>
                            <span class="city over-hide">里昂</span>
                        </p>
                    </div>
                </div>
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="day3">
                        <span class="day">D4</span>
                        <p class="city-wrap">
                            <span class="city over-hide">尼斯 -</span>
                            <span class="city over-hide">威尼斯</span>
                        </p>
                    </div>
                </div>
                <div class="weui-journey__menu__item">
                    <div class="weui-journey__menu__text" href="day4">
                        <span class="day">D5</span>
                        <p class="city-wrap">
                            <span class="city over-hide">米兰 -</span>
                            <span class="city over-hide">深圳</span>
                        </p>
                    </div>
                </div>
                <div class="weui-journey__menu__item clickedWithoutHighlight last-menu-item">
                    <div class="weui-journey__menu__text" href="day5">
                        <span class="day">D6</span>
                        <p class="city-wrap">
                            <span class="city over-hide">深圳</span>
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div class="weui-journey__menu__btn menu-btn-close" id="journey-menu-btn">
            <i class="iconfont icon-icon_xudian" style="color: rgb(255, 255, 255); font-size: 20px;"></i>
            <i class="iconfont icon-icon_xudian" style="color: rgb(255, 255, 255); font-size: 20px;"></i>
        </div>
    </div>
</div>

<!-- TODO待整理 -->
<!--弹出框--交通信息-->
<div class="weui-journey__traffic_detail__container" id="traff" style="display: none">
    <div class="weui-journey__td_content scroll-wrap">
        <div class="weui-journey__ticket__item">
            <div class="weui-journey__ticket__header">
                <span class="weui-journey__th__date">1月24日</span>
                <span>深圳 - 巴黎，17h25m</span>
            </div>
            <div class="weui-journey__ticket__section__item" style="padding-bottom: 0px;">
                <div class="weui-journey__ts__title">
                    <div class="weui-journey__tst__left">
                        <div class="weui-journey__mode">飞机</div>
                        <div class="weui-journey__corp">中国国际航空 CA4384</div>
                    </div>
                    <div class="weui-journey__cls">经济舱</div>
                </div>
                <div class="weui-journey__ts__detail">
                    <div class="weui-journey__line bg_topicColor"></div>
                    <div class="weui-journey__tsd__content">
                        <div class="weui-journey__traffic__info">
                            <div class="weui-journey__time"><p class="weui-journey__time__inner">19:55<i class="weui-journey__over__day topicColor"></i></p>
                            </div>
                            <div class="weui-journey__name__station">
                                <div style="font-weight: bold;">深圳</div>
                                <div>SZX 深圳宝安国际机场</div>
                            </div>
                        </div>
                        <div class="weui-journey__dur">2h45m</div>
                        <div class="weui-journey__traffic__info">
                            <div class="weui-journey__time"><p class="weui-journey__time__inner">22:40<i class="weui-journey__over__day topicColor"></i></p>
                            </div>
                            <div class="weui-journey__name__station">
                                <div style="font-weight: bold;">成都</div>
                                <div>CTU 成都双流国际机场 T2</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="weui-journey__transit">
                    <div class="weui-journey__dashed"></div>
                    <div class="weui-journey__transfer"><i class="iconfont icon-transfer topicColor "
                                                           style="font-size: 12px;"></i>
                        <div class="weui-journey__city">成都中转</div>
                        <div>3h10m</div>
                    </div>
                    <div class="weui-journey__dashed"></div>
                </div>
            </div>
            <div class="weui-journey__ticket__section__item" style="padding-bottom: 45px;">
                <div class="weui-journey__ts__title">
                    <div class="weui-journey__tst__left">
                        <div class="weui-journey__mode">飞机</div>
                        <div class="weui-journey__corp">中国国际航空 CA457</div>
                    </div>
                    <div class="weui-journey__cls">经济舱</div>
                </div>
                <div class="weui-journey__ts__detail">
                    <div class="weui-journey__line bg_topicColor"></div>
                    <div class="weui-journey__tsd__content">
                        <div class="weui-journey__traffic__info">
                            <div class="weui-journey__time"><p class="weui-journey__time__inner">01:50<i class="weui-journey__over__day topicColor">+1</i></p>
                            </div>
                            <div class="weui-journey__name__station">
                                <div style="font-weight: bold;">成都</div>
                                <div>CTU 成都双流国际机场 T1</div>
                            </div>
                        </div>
                        <div class="weui-journey__dur">11h30m</div>
                        <div class="weui-journey__traffic__info">
                            <div class="weui-journey__time"><p class="weui-journey__time__inner">06:20<i class="weui-journey__over__day topicColor"></i></p>
                            </div>
                            <div class="weui-journey__name__station">
                                <div style="font-weight: bold;">巴黎</div>
                                <div>CDG 戴高乐机场 T1</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--景点信息-->
<div class="weui-journey__detail__container poi-detail-root" id="tripdetail" style="display: none">
    <div class="weui-journey__inner__con">
        <div class="weui-journey__detail__base__info">
            <div class="swiper-container" id="poi_id">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img src="https://cdn.getyourguide.com/img/tour_img-893577-146.jpg"/>
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.getyourguide.com/img/tour_img-893580-146.jpg"/>
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.getyourguide.com/img/tour_img-893580-146.jpg"/>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <!--react-text: 376-->
            <div class="weui-journey__detail__static__map">
                <img class="weui-journey__staticMap" src="https://mioji-private.cdn.mioji.com/map/5a6063fb8a13a.png"
                     alt="">
                <img src="//ubsrc.cdn.mioji.com/mjplush5/app/img/icon_new_mappoint.96b675a2.png" alt=""
                     class="weui-journey__mapPoint ">
                <div class="weui-journey__address"><p class="weui-journey__addr over-hide">73 Place de la Concorde,
                    75008 Paris, 法国</p><i
                        class="iconfont icon-ios-calendar-arrow arrow-icon "
                        style="color: rgb(152, 152, 152); font-size: 10px;"></i></div>
            </div>
            <div class="weui-journey__detail__intro__con ">
                <div class="weui-journey__title ">景点介绍</div>
                <div class="weui-journey__content">法国巴黎的协和广场（place de la
                    concorde）是巴黎市中心、塞纳河右岸的一个大广场，面积约8.4万平方米。协和广场的中心矗立着巨大的埃及方尖碑，是埃及总督在1829年送给法国的。广场四周则是八座女神雕塑，每位女神代表着一个法国的主要城市。
                </div>
            </div>
        </div>
    </div>
</div>

<!--酒店信息-->
<div class="weui-journey__detail__container hotel-detail-root" id="hoteldetail" style="display: none" >
    <div class="weui-journey__inner__con">
        <div class="weui-journey__detail__base__info">
            <div class="swiper-container">
                <div class="swiper-wrapper" id="hotel_id">
                    <div class="swiper-slide">
                        <img src="https://cdn.getyourguide.com/img/tour_img-893577-146.jpg"/>
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.getyourguide.com/img/tour_img-893580-146.jpg"/>
                    </div>
                    <div class="swiper-slide">
                        <img src="https://cdn.getyourguide.com/img/tour_img-893580-146.jpg"/>
                    </div>
                </div>
                <div class="swiper-pagination"></div>
            </div>
            <div class="weui-journey__info__con" style="padding-bottom: 16px;">
                <div class="weui-journey__name">巴黎3星郊外</div>
                <div class="weui-journey__score__star__con" style="padding-bottom: 8px;">
                    <div class="star-con"><i class="iconfont icon-star dark-star " style="font-size: 14px;"></i><i
                            class="iconfont icon-star dark-star " style="font-size: 14px;"></i><i
                            class="iconfont icon-star dark-star " style="font-size: 14px;"></i><i
                            class="iconfont icon-star light-star " style="font-size: 14px;"></i><i
                            class="iconfont icon-star light-star " style="font-size: 14px;"></i></div>
                </div>
                <div class="weui-journey__hide"></div>
            </div>
        </div><!--react-text: 802-->
        <div class="weui-journey__detail__static__map">
            <img class="weui-journey__staticMap" src="https://mioji-private.cdn.mioji.com/map/5a6065b4571cf.png" alt="">
            <img src="//ubsrc.cdn.mioji.com/mjplush5/app/img/icon_new_mappoint.96b675a2.png" alt=""
                 class="weui-journey__mapPoint ">
            <div class="weui-journey__address"><p class="weui-journey__addr over-hide">31 Rue Mauconseil, 75001 Paris, 法国</p><i
                    class="iconfont icon-ios-calendar-arrow arrow-icon "
                    style="color: rgb(152, 152, 152); font-size: 10px;"></i></div>
        </div>
        <div class="weui-journey__detail__intro__con hotel">
            <div class="weui-journey__title hotel">酒店介绍</div>
            <div class="no-content">暂无酒店介绍</div>
        </div>
        <div class="weui-journey__detail__fac__con">
            <div class="weui-journey__title">服务设施</div>
            <div class="no-fac">暂无设施信息</div>
        </div><!--react-text: 804--></div>
</div>

<!--驾车信息-->
<div class="weui-journey__traffic_detail__container" style="display: none">
    <div class="weui-journey__td_content scroll-wrap">
        <div class="weui-journey__ticket__item">
            <div class="weui-journey__ticket__header">
                <span class="weui-journey__th__date">1月28日</span>
                <span>里昂 - 尼斯，4h30m</span>
            </div>
            <div class="weui-journey__ticket__section__item" style="padding-bottom: 45px;">
                <div class="weui-journey__ts__title">
                    <div class="weui-journey__tst__left">
                        <div class="weui-journey__corp">驾车</div>
                    </div>
                    <div class="weui-journey__cls"></div>
                </div>
                <div class="weui-journey__ts__detail">
                    <div class="weui-journey__line bg_topicColor"></div>
                    <div class="weui-journey__tsd__content">
                        <div class="weui-journey__traffic__info">
                            <div class="weui-journey__time"><p class="weui-journey__time__inner">11:00<i class="weui-journey__over__day topicColor"></i></p>
                            </div>
                            <div class="weui-journey__name__station">
                                <div style="font-weight: bold;">里昂</div>
                                <div></div>
                            </div>
                        </div>
                        <div class="weui-journey__dur">4h30m</div>
                        <div class="weui-journey__traffic__info">
                            <div class="weui-journey__time"><p class="weui-journey__time__inner">15:29<i class="weui-journey__over__day topicColor"></i></p>
                            </div>
                            <div class="weui-journey__name__station">
                                <div style="font-weight: bold;">尼斯</div>
                                <div></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--返回按钮-->
<div class="back-btn" id="back-btn" style="display: none">
    <i class="iconfont icon-arrow  " style="color: rgb(255, 255, 255);"></i>
</div>

</body>
</html>

<script src="resource/js/zepto.js"></script>
<script src="resource/js/fastclick.js"></script>
<script src="resource/js/common.js"></script>
<!--<script src="resource/js/vj-weui.js"></script>-->
<script src="resource/js/swiper.js"></script>



<script>
    // 菜单打开关闭
    $("#journey-menu-btn").click(function () {
        if ($(this).hasClass('menu-btn-close')) {
            $(this).removeClass('menu-btn-close').addClass('menu-btn-open').find('i').removeClass('icon-icon_xudian').addClass('icon-iosx');
            $('#journey-menu').removeClass('menu-close').addClass('menu-open');
        } else {
            $(this).removeClass('menu-btn-open').addClass('menu-btn-close');
            $('#journey-menu').removeClass('menu-open').addClass('menu-close').find('i').removeClass('icon-iosx').addClass('icon-icon_xudian');
        }
    });

    // 调转到锚点
    $('.weui-journey__menu__text').each(function (index, item) {
        $(this).click(function () {
            if ($('#journey-menu-btn').hasClass('menu-btn-open')) {
                $('#journey-menu-btn').removeClass('menu-btn-open').addClass('menu-btn-close');
                $('#journey-menu').removeClass('menu-open').addClass('menu-close').find('i').removeClass('icon-iosx').addClass('icon-icon_xudian');
            }
            var href = $(this).attr('href');
            window.location.href = "#" + href;
        });
    });

    //飞机or汽车-交通
    $('.weui-journey__detail__traffic').click(function () {
        $('#traff').show()
        $('#back-btn').show()
    });

    //景点详细
    $('.weui-journey__detail__view__item').click(function () {
        $('#poi_id').swiper({
            loop: true,
            autoplay: 3000,
            pagination: '.swiper-pagination'
        })
        $('#tripdetail').show()
        $('#back-btn').show()
    });

    //酒店详情
    $('.weui-journey__detail__hotel').click(function () {
        $('#hotel_id').swiper({
            loop: true,
            autoplay: 3000,
            pagination: '.swiper-pagination'
        })
        $('#hoteldetail').show()
        $('#back-btn').show()
    });

    //返回按钮事件
    $('#back-btn').click(function () {
        $('#traff').hide()
        $('#tripdetail').hide()
        $('#hoteldetail').hide()
        $(this).hide()
    });
    $('')

</script>
